:root {
    --pointer: url('@/assets/images/Pointing.svg'), pointer;
    --border-color: rgba(255, 255, 255, 0.2);
}
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  font-family: "Alibaba PuHuiTi";
}
html,body,#root{
  width: 100%;
  height: 100%;
}

img {
  width: 100%;
  height: 100%;
  object-fit: cover;
  pointer-events: none;
}

button {
  cursor: var(--pointer);
  border: none;
  background: none;
  padding: 0;
}

a {
  color: inherit;
  text-decoration: none;
}

ul, ol {
  list-style: none;
}

h1, h2, h3, h4, h5, h6 {
  font-weight: 600;
  margin: 0;
}

body[theme-mode="dark"] {
  --button-color:rgba(102, 51, 238, 1);
  --semi-color-primary:rgba(184, 140, 255, 1);
  --semi-color-primary-hover:rgba(184, 140, 255, 1);
  --semi-color-focus-border:rgba(184, 140, 255, 1);
  --semi-color-bg-2:rgba(23, 22, 26, 1);
  --color-fill-2:backdrop-filter: blur(1px);
  --color-fill-3:backdrop-filter: blur(1px);
  --color-bg-2:rgba(50, 109, 255, 0.2);
  --color-bg-popup:rgba(25, 25, 32, 1);
}
.semi-image,.semi-upload-drag-area{
  overflow: hidden;
  line-height: 0;
}

.semi-checkbox,.semi-button,.semi-radio,
.semi-input-wrapper .semi-input-modebtn:hover,
.semi-upload-drag-area,.arco-slider-road{
  cursor: var(--pointer);

  &.semi-button-disabled{
    cursor: not-allowed;
  }
}
.semi-checkbox-inner{
  width: 14PX;
  height: 14PX;
  line-height: 14PX;
  .semi-checkbox-inner-display{
    color: var(--bg-color) !important;
    width: 14PX;
    height: 14PX;
    .semi-icon{
      font-size: 14PX;
    }
  }
}

.semi-checkbox-focus{
  outline: none;
}

.semi-checkbox:hover .semi-checkbox-inner-checked .semi-checkbox-inner-display {
  background-color: rgba(184, 140, 255, 0.8);
  box-shadow: inset 0 0 0 1px rgba(184, 140, 255, 0.8);
  color: #000000;
}

.semi-checkbox-indeterminate,
.semi-checkbox-checked
{
    visibility:visible !important;
}

*{
  &::-webkit-scrollbar {
    width: 8PX !important;
    height: 8PX !important;
  }

  &::-webkit-scrollbar-track {
    background: rgba(255, 255, 255, 0.05) !important;
    border-radius: 4PX !important;
  }

  &::-webkit-scrollbar-thumb {
    background: rgba(255, 255, 255, 0.2) !important;
    border-radius: 4PX !important;

    &:hover {
      background: rgba(255, 255, 255, 0.3) !important;
    }
  }
}

.arco-select.arco-select-focused .arco-select-view{
  border-color: rgba(50, 109, 255, 1);
}

.arco-select-popup .arco-select-option:hover{
  background-color: rgba(49, 107, 255, 1);
}
.arco-select-popup .arco-select-option-selected{
  background-color: rgba(50, 109, 255, 0.2);
}
.arco-select {
  border: 1px solid rgba(255, 255, 255, 0.2);
  border-radius: 4px;
}
.button{
  margin: 0 !important;
  color: #fff !important;
  height: 48px;
  font-size: 16px !important;
  font-weight: 400 !important;
  
}
.buttonDefault{
  background: rgba(25, 25, 32, 1) !important;
  border: 1px solid rgba(255, 255, 255, 0.1) !important;
  &:active:not(:disabled){
    border: 1px solid rgba(255, 255, 255, 0.1) !important;
  }
}
.buttonPrimary{
  background: linear-gradient(#0053FF, #3B81FF) !important;
  &:active:not(:disabled){
    background: linear-gradient(#2977FF, #8FB5FF) !important;
  }
}

.buttonFailed{
  background: linear-gradient(rgba(250, 90, 76, 1), rgba(252, 124, 105, 1)) !important;
  &:active:not(:disabled){
    background: linear-gradient(rgba(251, 121, 110, 1), rgba(253, 152, 136, 1)) !important;
  }
}

.semi-button-primary-disabled{
  opacity: 0.6;
}

.semi-modal-title{
  font-family: 'Alibaba PuHuiTi' !important;
  font-size: 20px !important;
}

/* 自定义semi-modal样式 */
.custom-semi-modal-style  {
  .semi-modal-title {
    font-size: 20px;
    font-weight: 600;
  }
  .semi-modal-header {
    .semi-button.semi-button-with-icon-only.semi-button-size-small {
      width: 20px;
      height: 20px;
      border-radius: 50%;
      background-color: #404040;

      &:focus-visible {
        outline: none;
      }

      .semi-button-content {
        transform: translate(-0px, 0.5px);
      }
      
      &:hover {
        background-color: #646464;
      }
    }
    
    .semi-icon.semi-icon-default.semi-icon-close {
      font-size: 14px;
      display: flex;
      justify-content: center;
      align-items: center;
      
      & svg path {
        fill: #17161a;
      }
    }
  }
}

.image-pointer-event {
  pointer-events: auto;
}